<template>
  <view class="login-type">
     <view> <fui-icon name="mail" :size="size"></fui-icon> <text>验证码登录</text></view>
     <view> <fui-icon name="mobile" :size="size"></fui-icon> <text>密码登录</text></view>
  </view>
</template>

<script setup lang="ts">
const size = ref(40)
</script>

<style lang="scss" scoped>
.login-type{
    position: fixed;
    top: 90%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 25rpx;
    width: 100%;
    color: white;
    view{
        display: flex;
        align-items: center;
        justify-content: center;
        text{
            margin-left: 10rpx;
        }
    }
}
</style>
